<!DOCTYPE html>
<html>
<head>
<title>Rupture stock</title>
<meta name="viewport" charset="utf-8"
	content="width=device-width, initial-scale=1.0">
<!-- Bootstrap -->
<link href="../css/bootstrap.min.css" rel="stylesheet" media="screen">
<!-- My style -->
<link href="../css/bootstrap.css" rel="stylesheet" media="screen">
<link href="../css/alert.css" rel="stylesheet">
<link href="../css/notification.css" rel="stylesheet">

<link rel="stylesheet"
	href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script>
$(function() {
var availableTags = [
"tassimo",
"fauteuil",
"table",
"sirop",
"thermo",
"bougie",
"the",
"coussin",
"plat",
];
$( "#tags" ).autocomplete({
source: availableTags
});
});
</script>
</head>
<body>
	<div class="container">
		<div class="row">
			<br />
			<div
				class="col-xs-6 col-xs-offset-3 col-sm-6 col-md-3 col-lg-offset-4">
				<img class="img-responsive" src="../img/zodio.gif"
					style="border-radius: 8px;">
			</div>

			<br /> <br /> <br /> <br /> <br />

			<center>
				<a href="#"> <img class="media-object"
					src="http://icons.iconarchive.com/icons/custom-icon-design/flatastic-2/72/product-icon.png"
					style="width: 90px; height: 90px;">
				</a>
			</center>

			<br />

			<div class="container">
				<form method="get"
					action="./client_fiche_produit.php?nomArticle='.$nom_article.'"
					class="form-inline">
					<div class="form-group">
						<div class="ui-widget">
							<label for="tags">Nom du produit : </label> <input
								class="form-control" placeholder="Ex : bougie"
								name="nom_article" id="tags">
						</div>
					</div>
					<center>
						<button type="submit" class="btn btn-success">Recherche</button>
					</center>
				</form>
			</div>
			<br /> <br /> <br /> <br />
			<center>
			<?php
			echo '	<div >';
			echo '			<a href="./checkin/client_checkin.php"';
			echo '			class="btn btn-default panel-footer text-center" role="button"><span';
			echo '			class="glyphicon glyphicon-chevron-left"></span> Précédent</a>';
			echo '	</div>';
			?>
		</center>
		</div>

</body>
<footer>
	<script src="../js/bootstrap.js"></script>
</footer>
</html>